<!-- 页面主体结束 -->
{extend name='public/layout'/}
<!-- 本页面要使用的css开始 -->
{block name='css'}
<link rel="stylesheet" href="__STATIC__/api/css/swiper-4.3.5.min.css?v={:time()}" />
<link rel="stylesheet" type="text/css" href="__STATIC__/api/css/cashcard-detail.css?v={:time()}" />
{/block}
<!-- 本页面要使用的css结束 -->

<!-- 本页面要使用的js开始 -->
{block name='js'}
<script src="__STATIC__/api/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/api/js/cashcard-detail.js" type="text/javascript" charset="utf-8"></script>
{/block}
<!-- 本页面要使用的js结束 -->
<!-- 页面主体开始 -->
{block name='app'}
<div>
	<div class="wrap">
		<div class="cashcard clearfix">
			<div class="voucher-money fl">
				<p class="p1"><span>￥</span>{{cate.cashcard_price}}</p>
				<p class="p2">{{store.cate_list}}</p>
			</div>
			<div class="voucher-name fl">
				<p class="p1">{{cate.title}}</p>
				<p class="p2">{{store.expire_at}}</p>
			</div>
			<div class="voucher-button fl">
				<p v-if="store.status==0">待使用</p>
				<p v-if="store.status==1">使用中</p>
				<p v-if="store.status==-1">已过期</p>
				<p v-if="store.status==-2">已使用</p>
			</div>
		</div>
	</div>
</div>
<div class="state">
	<div class="wrap">
		<p class="title">使用说明</p>
			<div class="cont">
				<p v-for="(item,index) in store.tips">
					{{item}}
				</p>
				<!-- <p>使用时间：2021年01月08日-2021年01月15日</p>
				<p>订单参与抵扣后满10元可用</p>
				<p>可用商户类型：限美食类商家</p> -->
			</div>
	</div>
</div>
<div class="notice">
	<div class="wrap">
		<p class="title">注意事项</p>
		<div class="cont">
			<p v-for="(item,index) in store.attention">
				{{item}}
			</p>
			<!-- <p>本券仅限鹤壁地区使用</p>
			<p>凡在鹤壁农商银行营业网点线下办理业务，可获赠代金券一张</p>
			<p>同时可在个人中心-我的卡券进行查看</p>
			<p>请妥善保管，此券不可转赠，以免发生权益盗用</p> -->
		</div>
	</div>
</div>
<div class="shopping">
	<div class="wrap">
		<div class="shopping-title clearfix">
			<p class="title fl">附近好店</p>
			<a href="store.html#" class="fr">
				<span>更多好店</span>
				<img src="__STATIC__/api/images/icon/goright.png" alt="">
			</a>
		</div>
		<div class="shopping-conent">
			<ul class="clearfix">
				<li class="clearfix" v-for="(item,index) in shopList">
					<div class="shop-img fl">
						<a @click="toGoodsDetail(item.id)"><img :src="item.shop_cover" alt="" class=""></a>
					</div>
				
					<div class="shop-right fl">
						<a @click="toGoodsDetail(item.id)">
							<p class="name">{{item.title}}</p>
							<div style="display: flex;justify-content: space-between;align-items: center;margin-top: 0.9rem;" id="">	
								<p class="voucher"><i><img src="__STATIC__/api/images/icon/ticket.png" alt=""></i>代金券可用门店</p>
								<p class="location">距离您约{{item.distance}}m</p>
							</div>
						</a>
					</div>
				</li>
			</ul>
			<p class="no-more">没有更多了</p>
		</div>
	</div>
</div>
{include file='public/copyright' /}
{/block}

<!-- 页面主体结束 -->
